import React, { useState, useEffect } from 'react'
import { useNavigate } from "react-router-dom"
import "../Hcy_scss/Hcy_page1.scss"
import { Toast, NavBar } from 'react-vant';
import { useDispatch } from 'react-redux'
import { changeDefaultState } from "../../../redux/slice/DefaultSlice"

export default function Hcy_page1() {
  const dispatch = useDispatch()
  const navigate = useNavigate()
  return (
    <div id='Hcy_page1'>
      <div className='top'>
        <NavBar
          title="授权确认"
          onClickLeft={() => { Toast('返回') }}
        />
      </div>
      <div className='animate__animated animate__bounceInRight'>
        <div className='main'>
          <h2>请进行安全录音录像授权</h2>
          <p className='txt1'>授权后才可使用聚合出行打车服务</p>

          <p className='txt2'>录音录像只在<span>车辆上</span>完成，不使用您的流量</p>
          <p className='txt1'>授权后，每次行程中所有服务商都会进行行程录音，部分服务商会进行行程录音及录像(滴滴)。但因设备性能等限制，车内环境较差或网络信号不佳时，可能会导致无法录音、录像，或者录音录像清晰度低。</p>

          <p className='txt2'>供司乘纠纷调查取证</p>
          <p className='txt1'>当司乘产生纠纷时，录音录像将用于车内纠纷调查取证。</p>

          <p className='txt2'>录音录像<span>加密保存</span>，如无纠纷将于<span>7天后</span>自动删除</p>
          <p className='txt1'>聚合出行将按照相关的法律规定，通过加密保护技术以及严格的录音录像调取流程及规范，保障司乘隐私，如无行程纠纷，录音录像将于7天后自动删除。</p>
        </div>
        <div className='btm'>
          <p className='txt1'>《白菜出行各合作方录音录像授权协议》</p>
          <button onClick={()=>{navigate("/"),dispatch(changeDefaultState(2))}}>同意并授权</button>
        </div>
      </div>

    </div>
  )
}
